<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    /* .container > span {
      width: 100px;
      height: 100px;
      text-align: center;
    } */
    .container > span {
      /* display: block;
      text-align: center; */
      /* display: flex;
      flex-direction: column;
      align-items: center; */
    }

    .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .container > span {
      flex-basis: 100%;
      flex-shrink: 0;
    }
  </style>
  <body>
    <div class="container">
      <span>⽔果</span>
      <span>新鲜蔬菜</span>
      <span>⾁类</span>
    </div>
    <script>
      //   this.id = 0;
      //   const CreateUser = (name) => {
      //     this.name = name;
      //     this.id += 1;
      //     return this;
      //   };
      //   console.log(new CreateUser("xiaoming"));
      //   const record = { id: 1, name: "xiaoming" };
      //   record.nickName = "xm";
      const getMockData = (date) => {
        const data = [{ id: 1, name: "income", createAt: formatDate(date) }];
        return data;
        function formatDate(date) {
            console.log(1);
          return 1;
        }
      };
      getMockData();
    </script>
  </body>
</html>
